<template>
  <div class="payFee_details">

    <!--面包屑导航模板-->
    <el-breadcrumb class="topNav" separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{path:'/payFee_save/payFee_save'}">缴费信息维护</el-breadcrumb-item>
      <el-breadcrumb-item :to="{path:'/payFee_save/payFee_save'}">缴费人员管理</el-breadcrumb-item>
      <el-breadcrumb-item>缴费人员信息</el-breadcrumb-item>
    </el-breadcrumb>

    <!--标题模板-->
    <el-row>
      <el-col :span="24"><div class="title-template">缴费人员详情</div></el-col>
    </el-row>


    <div class="info-template-content">
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">用户姓名</el-col>
        <el-col :span="19" style="color: #333">{{user_name}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">缴费编号</el-col>
        <el-col :span="19" style="color: #333">{{pay_number}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">联系方式</el-col>
        <el-col :span="19" style="color: #333">{{contact_way}}</el-col>
      </el-row>
      <el-row class="item-row" >
        <el-col :span="3" style="color: #666">所属机构</el-col>
        <el-col :span="19" style="color: #333">{{attach_org}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">性别</el-col>
        <el-col :span="19" style="color: #333">{{gender}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">身份证号</el-col>
        <el-col :span="19" style="color: #333">{{IDCard}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">家庭地址</el-col>
        <el-col :span="19" style="color: #333">{{address}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">联系人</el-col>
        <el-col :span="19" style="color: #333">{{linkman}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">联系人电话</el-col>
        <el-col :span="19" style="color: #333">{{phoneNumber}}</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">备注1</el-col>
        <el-col :span="19" style="color: #333">{{remarks1}}</el-col>
      </el-row>
      <el-row class="item-row" style="margin-bottom:0">
        <el-col :span="3" style="color: #666">备注2</el-col>
        <el-col :span="19" style="color: #333">{{remarks2}}</el-col>
      </el-row>
    </div>

  </div>
</template>

<script>

  export default {
    data(){
      return{
        labelPosition:'left',
        user_name: '',
        pay_number:'',
        contact_way:'',
        attach_org:'',
        gender:'',
        IDCard:'',
        address:'',
        linkman:'',
        phoneNumber:'',
        remarks1:'',
        remarks2:'',
        checkList:[],
        checkAll:false,
        isIndeterminate: true

      }
    },
    methods:{
      backData(){
          var  data = this.$route.query.row;

console.log(data)
          this.user_name= data.name;
          this.pay_number=data.contact;
          this.contact_way=data.firstAgencies;
          this.attach_org=data.secondAgencies;
          this.gender='';
          this.IDCard='';
          this.address='';
          this.linkman='';
          this.phoneNumber='';
          this.remarks1='';
          this.remarks2='';

      }
    },
    created(){
      this.backData()
    }
  }
</script>

<style scoped>
  .payFee_details .topNav{
    margin-left: 30px;
    margin-bottom: 20px;
  }
  .payFee_details .title-template{
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    padding-left: 30px;
    margin-bottom: 10px;
    color: #333333;
    background: #ffffff;
  }

  .info-template-content{
    background: #ffffff;
    padding: 50px;
  }
  .item-row{
    margin-bottom: 50px;
    font-size: 16px;
  }

</style>

